<template>
	<view class="wag-con">
		<view class="wag-list">
			<view class="wag-title wag-titles">总计</view>
			<u-cell-group>
				<u-cell-item title="应发合计" value="10000.00" :arrow="false"></u-cell-item>
				<u-cell-item title="扣款合计" value="2274.50" :arrow="false"></u-cell-item>
				<u-cell-item title="实发合计" value="8017.50" :arrow="false"></u-cell-item>
			</u-cell-group>

			<view class="wag-title">应发项目</view>
			<u-cell-group>
				<u-cell-item title="加班工资" value="292.00" :arrow="false"></u-cell-item>
			</u-cell-group>

			<view class="wag-title">扣款项目</view>
			<u-cell-group>
				<u-cell-item title="所得税" value="619.50" :arrow="false"></u-cell-item>
			</u-cell-group>

			<view class="wag-title">其他项目</view>
			<u-cell-group>
				<u-cell-item title="代扣税基数" value="8345.00" :arrow="false"></u-cell-item>
				<u-cell-item title="应纳税所得额" value="8295.00" :arrow="false"></u-cell-item>
				<u-cell-item title="社保缴纳" value="1655.00" :arrow="false"></u-cell-item>
			</u-cell-group>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style scoped lang="scss">
	.wag-con {
		padding: 30rpx;

		.wag-list {
			border-radius: 20rpx;
			border: 1px solid #ccc;

			.wag-titles {
				border-top-left-radius: 20rpx;
				border-top-right-radius: 20rpx;
			}

			.wag-title {
				padding: 10rpx 20rpx;

				border-bottom: 1px solid $uni-border-color;
				background-color: #62c2f5;
				color: #FFFFFF;
			}
		}
	}
</style>
